@charset "utf-8";/* Sohu SNS blog.css
 * Version: 1.0
 * Author: QianCheng
 * Copyright: Sohu.com (www.sohu.com)
 */

.appHead .icon{background:url(i/appIcon-24.gif);}
.tabs li.orphan a.icon-new span{padding-left:15px; background:url(i/blogIcon.gif) 2px 7px no-repeat;}

.mod .mCt{background:none;}

.lay-mAuto-s200 .layInt{padding-right:170px;}
.lay-mAuto-s200 .colMain{}
.lay-mAuto-s200 .colSub{margin:0 -170px 0 0;width:170px;}

/* myDiary */
.canvas #diaryList dd,.canvas #diaryList dt{margin:0; padding-left:6px;}
.canvas #diaryList dd{*margin-top:-2px}
#diaryList{border:none;background:none}
#diaryList .mHd,#diaryList .mBd{border:none;}
#diaryList .mHd{ padding-top:0px; margin-top:-3px;}
#diaryList dl{padding-left:80px;padding-bottom:20px;display:block;position:relative;border-top:1px solid #bebebe;}
#diaryList dl.about{margin:-10px 0 10px;padding-top:10px; border:none;}
#diaryList dt{margin-left:-80px;/*border-bottom:1px solid #bebebe;*/position:relative;}
#diaryList dt span{display:block;width:75px;position:absolute;left:-75px;top:-5px;color:#999;}
#diaryList dd{border-bottom:1px dotted #bebebe;height:35px;line-height:35px;padding-right:200px;_border-bottom:none;_background:url(i/dotted.gif) repeat-x bottom;}
#diaryList dd .contentList{display:block;width:100%;float:left;overflow:hidden;float:left; height:35px;}
#diaryList dd .option{display:block;width:190px;float:right;margin-right:-200px;color:#999;display:inline;}
#diaryList dd .option a{margin:10px 0 0 10px;float:left;line-height:100%;}
#diaryList dd .option i{display:block;float:left;width:130px;font-style:normal;} 
.diviTitle .diviLabel{width:80px;}
#diaryList dd.end{/*border:none;*/}

#diaryList dl.indexList{ margin:-10px 0 10px 0; padding:0;}
#diaryList dl.indexList dt{ margin:0; padding:0;}
#diaryList dl.indexList dt span{ position:static; display:inline;}
#diaryList dl.indexList dd{ padding-left:6px;}

/* aboutDiary */
.pt5{padding-top:5px;}
.listName{width:50px;text-align:center;overflow:hidden;}
#diaryList .about dd{height:auto;line-height:170%;padding-right:0;border:none;padding-bottom:30px;position:relative; background:none}  
#diaryList .about dd h4{margin:0; padding-top:10px;background-color:#FFFEF2; padding-left:10px; font-size:14px; border-top:1px solid #bebebe; display:block;}
#diaryList .about dd h4 .aboutContent h4{ border:none;}
#diaryList .about .commentInfo h4{ padding:0; font-size:12px;border:none; background:none;}
.date{color:#999; padding-bottom:5px; background-color:#FFFEF2;padding-left:10px;}
.aboutContent{padding:10px 10px 0 10px;margin:0 0 5px 0;color:#666;width:auto; overflow:hidden; line-height:normal;/*word-wrap:break-word;word-break:break-all; */}
.aboutContent .commentBox { margin-top:10px;}
.aboutContent a.markComment{ display:block; clear:both; margin-top:5px; width:45px;}
.shareBtn{width:40px;height:21px;background:url(i/priBtn.gif) no-repeat;line-height:21px;text-align:center;position:absolute;top:9px;right:10px; padding-left:8px;}
.shareBtn a{display:block;width:100%;height:100%; line-height:21px;}

/* myDiaryView */
.avatarView img{float:left;margin:0 10px;}
.avatarView h2{margin-top:10px;}
.avatarView a{display:block;font-size:12px;font-weight:normal;}
.diaryView{margin:0;padding:0 0 5px 8px;color:#666;}
.canvas .diaryView h3{margin:0;padding:0;}
.diaryView h3{font-size:14px;font-weight:700px;color:#930;display:block;float:left;width:80%}
.diaryView .tool{float:right;}
.diaryView .tool a{margin-right:10px;}
.diaryView .shareBtn{float:right;position:static}
.diaryView .date{clear:both;}
.diaryView .diaryViewC{clear:both;margin:0 0 5px 0;padding:10px 0 10px 10px;border-top:1px dotted #bebebe;border-bottom:1px dotted #bebebe;_border:none;_background:url(i/dotted.gif) repeat-x bottom; line-height:normal; overflow:hidden;}
.aboutFriend{margin-bottom:10px; margin-left:10px;}

.diaryTitle{ background-color:#fffef2; padding:7px 10px 7px 10px; border-top:1px solid #bebebe;_background-image:url(i/dotted.gif);_background-repeat:repeat-x; _background-position:bottom;}
.diaryTitle .date{height:1px; overflow:hidden; padding:0; display:none}

.showComment{ margin-left:10px;}

/* draft */
#diaryList dl.draft{padding-left:0; margin-top:-10px; border-top:1px solid #bebebe;}
.canvas .draft dd{ padding-left:10px;}

/* write */
.editBox{color:#666;position:relative}
.editBox dl{ padding-left:75px;}
.editBox dt{ width:80px; margin-left:-80px;}
.editBox dt strong{ color:#333;}
.editBox input.text{width:500px;}
.editBox .txtContent{width:508px;}
.editBox .toolContainer{height:25px;background:url(i/toolBg.png) repeat-x;position:relative}
.editBox .editorContainer{clear:both;}
.editBox .editorContainer textarea{width:99.5%;height:228px;border:none;padding:3px 0 3px 3px}
.fontBox{margin:0 0 0 2px;padding-right:5px;border-right:#ccc 1px solid;float:left;}
.imgBox{margin:0 2px 0 0;padding-left:5px;border-left:1px solid #fff;float:left;}
.toolBtn{width:22px;height:22px;float:left;display:block;margin:2px}
.editBtn a{margin-left:10px;}
.autoSaveBox .msg{margin:0;width:200px;padding:2px 10px 2px 10px;background-position:8000px 4px;}
.select{width:170px;}
hr.line-solid{border-color:#999;}
.addAbout{margin:-1px 0 0 20px;color:#666;}
.addAbout h4{font-size:12px;font-weight:normal;padding:5px 0 6px 0;}
.addAbout h4.have{border-top:1px solid #aaa;margin-top:10px;width:95%;}
.addAbout ul.selectedFriend{list-style-type:none;padding:0;margin:0;}
.addAbout ul.selectedFriend li{list-style-type:none;padding:0;margin:0 0 10px 0;width:95%;overflow:hidden;display:block;}
.addAbout ul.selectedFriend li img{float:left;margin-right:10px;}
.addAbout ul.selectedFriend li img.icon{ margin-right:0;}
.addAbout ul.selectedFriend li .sbInfo{float:left;margin-right:5px; display:inline;}
.addAbout a.del{color:#666;}
dl.fieldset dd.autoSaveBox{ height:26px;}
.selector{ width:140px;}
ol.tokenList{width:135px;}
/* temp */
.tempBox{width:100%;height:100%;background:#eee;color:#666;}
.tempTop{height:25px;padding:5px 20px;text-align:right;background:#900222;}
.tempTop h2{width:80%;float:left;display:block;text-align:left;color:#fff;font-size:14px;line-height:25px;}
.tempContent{width:720px;margin:0 auto;padding:20px;border:1px solid #ccc;background:#fff;}
.tempContent h3{border-bottom:#ccc 1px solid;line-height:30px;margin-bottom:10px;}
.tempContent .txt{min-height:300px;_height:300px;}
.tempBtn{text-align:center;margin:10px auto;}

/* pop */
.fontPop{padding:1px;background:#fff;}
.fontPop h3{padding-left:10px;line-height:25px;margin:0;background:#f0f0f0;}
.fontPop div{padding:0 10px;cursor:pointer;line-height:150%}
.fontPop .cur{background:#FBFBDF;}
.updatePhoto {background:#fff;}
.updatePhoto ul{padding:8px 5px 0 5px;margin:0;border-bottom:1px solid #ccc}
.updatePhoto li{padding:0;margin:0;display:block;width:60px;height:21px;border-color:#ccc;border-style:solid;border-width:1px 1px 0 1px;float:left;margin-left:5px;text-align:center;background:#f6f6f6;cursor:pointer}
.updatePhoto li.on{background:#999;color:#fff;cursor:default}
.updatePhoto li.mOver{background:#fff;}
dl.fieldset dl.fieldset{background:#fff;border:none}
.updatePhoto dl.fieldset{padding-top:10px; padding-right:10px;}

.myAlbum{padding:10px;clear:both}
.myAlbum input.file{margin:0 5px;}
.myAlbum ul{margin:10px 0 0;padding:5px;border:1px solid #ccc;overflow-y:scroll;width:460px;height:292px; position:relative;}
.myAlbum li{ width:auto; height:auto; background:#fff; margin:4px 5px 5px 4px; border:none; position:relative}
.myAlbum li a{border:1px solid #ccc; padding:1px; width:auto; height:auto; display:block}
.myAlbum li a:hover{ border-color:#9B0020;}
.myAlbum li.cur{ border:4px solid #9b0020; background:url(i/photoCurImg.gif) right bottom no-repeat; margin:0 1px 1px 0;}
.myAlbum li.cur a:hover{ border-color:#ccc;}
.myAlbum li i{ display:none;}
.myAlbum li.cur i{ display:block; width:15px; height:15px; background:url(i/photoCurImg.gif) no-repeat; position:absolute; bottom:0; right:0;}
.myAlbumBtn{text-align:center;padding:10px 10px 20px 10px;}

.editBox .updatePhoto .fieldset input.text{width:200px;}

/* list 修改 */
.mod .mHd h3{ font-weight:normal; color:#999; margin-left:5px; display:inline;}

#diaryList dl.indexOther{padding-left:0;padding-bottom:20px; padding-top:0;display:block;position:relative; margin-top:-10px;*margin-top:0; border:none;}
#diaryList dl.indexOther dt{margin-left:0;border-bottom:none;position:relative;}
#diaryList dl.indexOther dt span{display:block;width:100%;position:static;color:#999;}
#diaryList dl.indexList dt span,#diaryList dl.indexOther dt span{ display:none}
#diaryList dl.indexOther dd{height:auto;line-height:170%;padding-right:0; padding-left:0;border:none;padding-bottom:30px;position:relative}  
#diaryList dl.indexOther dd h4{margin:0; padding-top:10px;background-color:#FFFEF2; padding-left:10px; font-size:14px;border-top:1px solid #bebebe;}
#diaryList dl.indexOther dd .date,
#diaryList dl.about dd .date{border-bottom:1px dotted #bebebe;_border-bottom:none;_background-image:url(i/dotted.gif);_background-repeat:repeat-x; background-position:0 5px; height:6px; overflow:hidden; padding-bottom:0;}

/* blogPrivacy */
.msg-blogPrivacy{background:#FFFDEC url(i/blogPrivacy.gif) no-repeat scroll 15px 15px;border:1px solid #E6CF63;padding:12px 10px 20px 60px; margin:0 0 10px 0;}
.msg-blogPrivacyAction{}

.msg-blogDel{background:#FFFDEC url(http://sns.sohu.com/r/c/base/i/icons/16/info.gif) no-repeat scroll 35px 15px;border:1px solid #E6CF63;padding:12px 10px 12px 60px; margin:0 0 10px 0;}

/* photoSelector */
.photoSelector{padding:10px;clear:both}
.photoSelector input.file{margin:0 5px;}
.photoSelector ul{margin:10px 0 0;padding:5px;border:1px solid #ccc;overflow-y:scroll;width:460px;height:292px; position:relative;}
.photoSelector li{ width:auto; height:auto; background:#fff; margin:4px 5px 5px 4px; border:none; position:relative}
.photoSelector li a{border:1px solid #ccc; padding:1px; width:auto; height:auto; display:block}
.photoSelector li a:hover{ border-color:#9B0020;}
.photoSelector li.cur{ border:4px solid #9b0020; background:url(i/photoCurImg.gif) right bottom no-repeat; margin:0 1px 1px 0;}
.photoSelector li.cur a:hover{ border-color:#ccc;}
.photoSelector li i{ display:none;}
.photoSelector li.cur i{ display:block; width:15px; height:15px; background:url(i/photoCurImg.gif) no-repeat; position:absolute; bottom:0; right:0;}
.photoSelectorBtn{text-align:center;padding:10px 10px 20px 10px;}

.photoSizeSwitch{ width:50px; height:22px; float:right;}
.photoSizeSwitch a{ float:left;}
a.sizeSwitch-large,a.sizeSwitch-small{ display:block; width:22px; height:22px; margin-left:2px;}
.photoSizeSwitch a:hover,.photoSizeSwitch a.on{display:block; width:22px; height:22px; background:url(i/switchCur.gif) no-repeat;}

.photoSelector ul.largeBox{}
.photoSelector ul.largeBox li{ width:134px; height:134px; background:#fff; margin:4px 5px 5px 4px; border:none; position:relative; display:block; float:left; display:inline;}
.photoSelector ul.largeBox li.cur{border:4px solid #9b0020; background:url(i/photoCurImg.gif) right bottom no-repeat; margin:0 1px 1px 0;}
.photoSelector ul.largeBox li a{ display:block; border:1px solid #ccc; padding:1px; width:130px; height:130px;}
.photoSelector ul.largeBox li a:hover{ border-color:#9b0020;}
.photoSelector ul.largeBox li.cur a{ border-color:#9b0020;}
.photoSelector ul.largeBox li.cur a:hover{ border-color:#9b0020;}
.photoSelector ul.largeBox li a img{ display:block; width:130px; height:130px; background-position:center; background-repeat:no-repeat;}

.photoSelector ul.smallBox{}
.photoSelector ul.smallBox li{ width:79px; height:79px; background:#fff; margin:4px 5px 5px 4px; border:none; position:relative; display:block; float:left; display:inline;}
.photoSelector ul.smallBox li.cur{border:4px solid #9b0020; background:url(i/photoCurImg.gif) right bottom no-repeat; margin:0 1px 1px 0;}
.photoSelector ul.smallBox li a{display:block; border:1px solid #ccc; padding:1px; width:75px; height:75px;}
.photoSelector ul.smallBox li a:hover{border-color:#9b0020;}
.photoSelector ul.smallBox li.cur a{ border-color:#9b0020;}
.photoSelector ul.smallBox li.cur a:hover{ border-color:#9b0020;}
.photoSelector ul.smallBox li a img{display:block; width:75px; height:75px; background-position:center; background-repeat:no-repeat;}


dd h4 span.meta,.canvas .diaryView h3 span.meta{ font-size:12px; margin-left:10px; font-weight:normal;}

